﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TourDetail.ascx.cs" Inherits="Controls_Tourist_TourDetail" %>
<div class="header" style="width: 567px; margin-left: 13px; text-align: left">
    <%--TOUR TRONG NƯỚC--%>
    <div class="content-box" style="float: left; margin-right: 10px; width: 557px">
        <asp:Repeater ID="rpt" runat="server">
            <ItemTemplate>
                <div style="text-align: center; font-size: 20px; color: Green">
                    <%--Du lịch 3 miền BẮC - TRUNG - NAM--%><%#Eval("Name") %></div>
                <div style="text-align: center; font-size: 16px; color: Gray; font-style: italic">
                    Thời gian:
                    <%--26 ngày 25 đêm.--%><%#Eval("TravelDay") %></div>
                <div style="text-align: center; margin: 10px 0 0px 80px;">
                    <ul class="enlarge" style="float: left;">
                        <li style="position: relative;">
                            <img src="<%#Eval("ImageTour") %>" width="400px" height="300px" alt="Dechairs" /><span>
                                <img src="<%#Eval("ImageTour") %>" alt="Deckchairs" /><br />
                            </span></li>
                    </ul>
                </div>
                <div style="float: left">
                    <div style="float: left;">
                        <div style="float: left; margin-top: -15px; text-align: left; margin-right: 35px;
                            margin-left: 20px">
                            Khởi hành :
                            <%#Eval("BeginDate") %></div>
                        <div style="float: left; margin-top: -15px; text-align: right; margin-right: 35px">
                            Phương tiện:<%#Eval("Means") %></div>
                        <div style="float: left; margin-top: -15px; text-align: right; margin-right: 1px">
                            Đơn giá: Liên hệ</div>
                    </div>
                   <%-- <div class="animatedButton2" style="text-align: right; margin-right: 10px">
                        Đặt Tour</div>--%>
            </ItemTemplate>
        </asp:Repeater>
        <div id="accordion">
            <asp:Repeater ID="rptTourDetail" runat="server">
                <ItemTemplate>
                    <h2 class="current" style="font-weight:600;color:Purple">
                        <%#Eval("Name")%>
                    </h2>
                    <div class="pane" <%--style="display: block"--%>>
                        <%#Eval("Description")%>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <%------------------------------------%></div>
</div></div>
<script type="text/javascript">
    $(function () {

        $("#accordion").tabs("#accordion div.pane", { tabs: 'h2', effect: 'slide', initialIndex: null });
    });
</script>
<!-- activate tabs with JavaScript -->
<script type="text/javascript">
    // add new effect to the tabs
    $.tools.tabs.addEffect("slide", function (i, done) {
        // 1. upon hiding, the active pane has a ruby background color
        this.getPanes().slideUp().css({ backgroundColor: "#b8128f" });
        // 2. after a pane is revealed, its background is set to its original color (transparent)
        this.getPanes().eq(i).slideDown(function () {
            $(this).css({ backgroundColor: 'transparent' });
            // the supplied callback must be called after the effect has finished its job
            done.call();
        });
    });
</script>
